<!DOCTYPE html>
<html>
    <head>
        <title>人员详情</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Language" content="zh-CN" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
        <meta name="format-detection" content="telephone=no"/>
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
    </head>
    <style>
		.title_top{text-align: center;}
		.rq{padding: 0;}
	</style> 
	<body>
		<div class="col-xs-12 title_top">
			<div class="col-xs-3 rq back">
				<a href="#">
					<div style="float: left;"><img src="images/icon_left.png"/></div>
				</a>
			</div>
			<div class="col-xs-6">人员详情</div>
			<div class="col-xs-3" style="padding-right: 0;">
			</div>
		</div>
		<div class="col-xs-12 background">
			<div class="col-xs-12 head" >
				<img class="heads" src="images/icon_4.png" />
			</div>
			<div class="col-xs-12 name" data-model="companyName" >
			</div>
		</div>
		<div class="content col-xs-12 userinfo">
			<div class="col-xs-12 top_top_1" style="border-bottom: 1px solid #ececec;">
				<div class="col-xs-6">
					&nbsp;&nbsp;账户名称
				</div>
				<div class="col-xs-6 userName" data-model="userName" >
				</div>
			</div>
			<div class="col-xs-12 top_top_1" style="border-bottom: 1px solid #ececec;">
				<div class="col-xs-6">
					&nbsp;&nbsp;公司部门
				</div>
				<div class="col-xs-6 groupName" >
				</div>
			</div>
			<div class="col-xs-12 top_top_1" style="border-bottom: 1px solid #ececec;">
				<div class="col-xs-6">
					&nbsp;&nbsp;性别
				</div>
				<div class="col-xs-6 sex" >
				</div>
			</div>
			<div class="col-xs-12 top_top_1" style="border-bottom: 1px solid #ececec;">
				<div class="col-xs-6">
					&nbsp;&nbsp;年龄
				</div>
				<div class="col-xs-6 age" >
				</div>
			</div>
			<div class="col-xs-12 top_top_1" style="border-bottom: 1px solid #ececec;">
				<div class="col-xs-6">
					&nbsp;&nbsp;身份证
				</div>
				<div class="col-xs-6 identifyid" >
				</div>
			</div>
			<div class="col-xs-12 top_top_1" style="border-bottom: 1px solid #ececec;">
				<div class="col-xs-6">
					&nbsp;&nbsp;是否是农民工
				</div>
				<div class="col-xs-6 isMigrantWorker" >
				</div>
			</div>
			<div class="col-xs-12 bottom_bottom pounchtime_lists">
				<a href="javascript:;">考勤记录</a>
			</div>
		</div>
	</body>
</html>
<script src="js/mui.min.js"></script> 
<script src="js/project.config.js"></script>
<script src="js/jquery.min.js"></script>
<script> 
	mui.plusReady(function(){
		var token = get_token();
		var params = get_ws();
		var data = {};
		data.api = 'work-man-group-persondetail-info';
		data.token = token;
		data.projectID = params.projectID;
		data.identifyid = params.identifyid;
		mui.ajax(project_cofnig.service_url, {
			async: true,
			dataType: 'json',
			data: data,
			success: function (ref) {
				if(ref.code == 0){
					if(ref.data.photo) $(".heads").attr("src",ref.data.photo);
					$(".userName").html(ref.data.name);
					var groupName = '';
					$(ref.data.groupInfo).each(function(i,v){
						groupName += ' '+v.groupName;
					});
					$(".groupName").html(groupName);
					$(".sex").html(ref.data.sex);
					$(".age").html(ref.data.age);
					$(".identifyid").html(ref.data.identifyid);
					$(".isMigrantWorker").html((ref.data.isMigrantWorker == 1)? '是' :'否');
				}
			}
		});
		mui(".title_top").on("tap",".back",function(){
			mui.back();
		});
		mui(".userinfo").on('tap','.pounchtime_lists',function(){
			var monitoralarm = $(this).data('monitoralarm');
			redirect('userinfo_pounchtime.html',{
				identifyid : params.identifyid,
				projectID : params.projectID,
			});
			return false;
		});
	});
</script>
		 